<template>
<div>
  <div class="layout">
    <!--导航栏 -->
    <nav_list />
    <indexbody />
    <!-- 闪购-->
    <lightningdeals />
  
  </div>
  <div class="productbackgroupcolour">
    <!-- 产品-->
    <product />
  </div>
</div>
</template>
<script>
//导航
import nav_list from "@/components/body/nav_list";
//轮播图和主打产品
import indexbody from "@/components/body/body";
//闪购
import lightningdeals from "@/components/body/lightningDeals";
//产品
import product from "@/components/body/product";
export default {
  components: {
    nav_list,
    indexbody,
    lightningdeals,
    product
  },
  layout: function(context) {
    return "custom_layout";
  }
};
</script>
<style>
.productbackgroupcolour{
  background-color:rgb(245, 245, 245);
}
* {
  margin: 0px auto;
}
.layout {
  width: 1226px;
  margin: 0px auto;
}
</style>
 
 